@import "../../style/css/style.less";
html,body{
  min-width: 1200px;
}
header{
  width: 100%;
  height: 80px;
  .pf;
  left: 0;
  top: 0;
  z-index: 100;
  .blg(top,rgba(0,0,0,.8),rgba(0,0,0,0));
  // .bs(0 0 9px rgba(0,0,0,0));
  // .oy(0);
  color:@cf;
  .top{
    width: 1000px;
    max-width: 1000px;
    margin:auto;
    .pr;
    div.logo{
      .fl;
      width: 140px;
      height: 40px;
      margin-top: 20px;
      .bud(@Mob_logo_green,center center,100% 100%);
      margin-right: 70px;
    }
    ul{
      .fl;
      li{
        .fl;
        width: 70px;
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
        .tac;
        cursor: pointer;
        color: @cf;
        font-size: 16px;
        .pr;
        div{
          width: 100px;
          height: 260px;
          background: rgba(0,0,0,.5);
          padding-top:20px;
          margin-left: -15px;
          overflow-y: auto;
          .dn;
          p{
            a{
              color:#ccc;
              .db;
            } 
          }
          p:hover{
            background: #C9192A;
            a{
              color:#fff;
            }
          }
        }
      }
      li:first-child{
        margin-right: 45px;
      }
    }
    div.right{
      .fl;
      font-size: 16px;
      line-height: 40px;
      margin-top: 20px;
      .pa;
      right: 0;
      span{
        
        font-weight: 800;
      }
    }
    .color{
      color: @cf;
      border-bottom: 2px solid #C9192A;
    }
  }
}
.banner{
  width: 100%;
  height: 640px;
  .pr;
  .top{
    width: 1000px;
    max-width: 1000px;
    margin:auto;
    .pr;
    color: @cf;
    div.logo{
      .fl;
      width: 120px;
      height: 40px;
      margin-top: 20px;
      .bud(@Mob_logo_white,center center,100% 100%);
      margin-right: 90px;
    }
    ul{
      .fl;
      li{
        .fl;
        width: 70px;
        height: 40px;
        line-height: 40px;
        margin-top: 20px;
        .tac;
        cursor: pointer;
        color: @cf;
        font-size: 16px;
      }
      li:first-child{
        margin-right: 45px;
      }
    }
    div.right{
      .fl;
      font-size: 16px;
      line-height: 40px;
      margin-top: 20px;
      .pa;
      right: 0;
      span{
        font-weight: 800;
      }
    }
    .color{
      border-bottom: 2px solid @cf;
    }
  }
  .text{
    width: 520px;
    //height: 240px;
    .bud('/style/images/banner_text_bg.svg',center center,100% 100%);
    .br(6px);
    .pa;
    .cm;
    color: @cf;
    .tac;
    h1{
      font-size: 40px;
      line-height: 40px;
      letter-spacing: 2px;
      margin-bottom: 20px;
      margin-top: 78px;
      letter-spacing: 4px;
    }
    h2{
      font-size: 40px;
      letter-spacing: 1px;
      line-height: 40px;
    }
  }
//  >i,>b{
//    width:100%;
//    height: 90px;
//    .pa;
//    left: 0px;
//    bottom: 0px;
//    .bud(@PC_top_bg,center center,100% 100%);
//}
//  b{
//    .bud(@PC_top_arc,center center,100% 100%);
//  }
}
main{
  .pr;
  >div{
    width: 1000px;
    max-width: 1000px;
    padding-top: 80px;
    padding-bottom: 50px;
    .tac;
    margin:auto;
    section{
      h1{
        font-size: 25px;
        color: @c3;
        line-height: 25px;
      }
      i{
        width:200px;
        height: 20px;
        display: inline-block;
        margin-top: 20px;
        .bud(@Mob_NS,center center,100% 100%);
      }
    }
    >div{
      width: 1000px;
      height:420px;
      margin-top: 45px;
      cursor: pointer;
      .pr;
      .dn;
      .left-img{
        width: 665px;
        height: 100%;
        .fl;
        z-index: 2;
        .pr;
      }
      .text{
        .fl;
        width: 335px;
        height: 100%;
        background-color: @cf;
        z-index: 2;
        text-align: left;
        border:1px solid #e5e5e5;
        border-left: none;
        .pr;
        padding:30px;
        overflow: hidden;
        >i{
          width: 15px;
          height: 50px;
          .pa;
          right: 0px;
          top: 0px;
          .blg(left,#B71955,#CA192A);
        }
        h1{
          margin-top: 10px;
          font-size: 25px;
          line-height: 25px;
          color: @c3;
        }
        h2{
          color:@c6;
          margin-top: 10px;
        }
        //b{
        //  width: 100%;
        //  height: 1px;
        //  display: inline-block;
        //  margin:20px 0 15px;
        //  .bud(@Mob_line,center center,100% 100%);
        //}
        p{
          letter-spacing: 1px;
          line-height: 22px;
        }
        .april{
          font-size: 12px;
          font-weight: 500;
          position: absolute;
          right: 30px;
          bottom: 30px;
          padding: 2px 20px;
          .blg(left,#B71955,#CA192A);
          border-radius: 28px;
          color: #fff;
          z-index: 1;
        }
        s{
          width: 150px;
          height: 130px;
          .bud('/style/images/text_bg.png',center center,100% 100%);
          .db;
          .pa;
          right: 0;
          bottom: 0;
        }
      }
      >b{
        width: 100%;
        height: 100px;
        .bud(@PC_yy,center  center,100% 100%);
        display: inline-block;
        z-index: 1;
        .pr;
        top: -80px;
      }
    }
    >div:hover{
      .bs(0 0 10px rgba(0,0,0,.3));
    }
  }
  #ob{
     section{
       i{
         .bud(@Mob_OB,center center,100% 100%);
       }
     }
  }
  button{
    width: 140px;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    border:none;
    margin-top: 50px;
    cursor: pointer;
    i{
      width: 12px;
      height: 7px;
      .bud(@Mob_loading,center center, 100% 100%);
      display: inline-block;
      margin-left: 3px;
    }
  }
}
#main1:before{
  content: '';
  width:500px;
  height: 492px;
  .pa;
  left: 0;
  top: 0;
  .bud('/style/images/main1_bg1.png',center center,100% 100%);
}
#main1:after{
  content: '';
  width:500px;
  height: 492px;
  .pa;
  right: 0;
  bottom: 0;
  .bud('/style/images/main1_bg2.png',center center,100% 100%);
}

#main2{
  .left-img{
    width: 100%;
    height: 100%;
  }
  .text{
    .pa;
    left: 80px;
    top: 0;
    background-color: rgba(255,255,255,.95);
  }
}
#main2:before{
  content: '';
  width:540px;
  height: 888px;
  .pa;
  right: 0;
  top: 0;
  .bud('/style/images/main2_bg.png',center center,100% 100%);
}
#main2:after{
  content: '';
  width:540px;
  height: 888px;
  .pa;
  left: 0;
  bottom: 0;
  .bud('/style/images/main2_bg.png',center center,100% 100%);
  .tm(rotate(180deg));
}
#contact{
  width: 100%;
  height: 150px;
  .bud('/style/images/concat-bg.png',center center,cover);
  color: @cf;
  .tac;
  ul{
    padding:45px 0 39px;
    .df;
    justify-content: center;
    li{
      padding:0 30px;
      border-right: 1px solid #fff;
    }
    li:last-child{
      border:0;
    }
  }
  p{
    width: 100%;
    height: 45px;
    background-color: rgba(0,0,0,.3);
    line-height: 45px;
  }
}
aside{
  width:50px;
  //height: 200px;
  .pf;
  right: 2%;
  bottom: 30%;
  z-index: 101;
  .bs(0 0 3px rgba(153,153,153,.75));
  ul{
    li{
      width: 100%;
      height: 50px;
      background: @cf;
      .pr;
      cursor: pointer;
      i{
        .pa;
        .cm;
        width: 15px;
        height: 15px;
      }
      div{
        .pa;
        left: -180px;
        top: 0;
        width: 150px;
        height: 50px;
        .bs(0px 0 3px rgba(153,153,153,.75));
        .tac;
        line-height: 50px;
        cursor: pointer;
        background: @cf;
        b{
          width: 14px;
          height:14px;
          background-color: @cf;
          .tm(rotate(45deg));
          .pa;
          top: 18px;
          right: -7px;
        }
      }
    }
  }
}
.login-layer {
  width: 100%;
  height: 100%;
  .pf;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, .5);
  z-index: 9999;
  .main {
    width: 700px;
    height: 430px;
    .pa;
    .cm;
    background: @cf;

    .df;
    .left {
      width: 300px;
      min-width: 300px;
      height: 430px;
      .fl;
      .bud(@kf1, center center, 100% 100%);
      .pr;
      > div {
        .pa;
        width: 100%;
        bottom: 75px;
        h1 {
          font-size: 26px;
          color: @cf;
          .tac;
          margin-bottom: 15px;
          text-shadow: 0 0 10px #000;
        }
        P {
          .tac;
          color: @cf;
        }
      }
    }
    .right {
      width: 400px;
      .fl;
      color: @c3;
      padding: 60px 60px 20px 60px;
      h1 {
        font-size: 18px;
        margin-bottom: 30px;
      }
      > div {
        .pr;
        input {
          width: 280px;
          height: 40px;
          border: none;
          border-bottom: 1px solid @cs;
          padding: 0 15px;
          color: @c3;
          margin-bottom: 20px;
        }
        p {
          width: 100%;
          .tac;
          color: @c9;
          font-size: 12px;
        }
        p:first-child {
          margin-top: 20px;
          margin-bottom: 5px;
        }
      ;
      }
      > p {
        .tac;
        width: 100%;
        height: 20px;
        font-size: 12px;
        color: #ff3333;
        margin-bottom: 50px;
      }
      button {
        width: 280px;
        height: 40px;
        .blg(left,#B71955,#CA192A);
        border: none;
        .tac;
        color: @cf;
        line-height: 40px;
        .br(6px);
        cursor: pointer;
      }
    }
    .del {
      width: 15px;
      height: 15px;
      display: inline-block;
      .bud(@close_15, center center, 100% 100%);
      .pa;
      right: 10px;
      top: 10px;
      cursor: pointer;
    }
  }
}
//提示信息样式
.admin-mask-layer {
  width: 100%;
  height: 100%;
  .pf;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 9999;
  p {
    max-width: 300px;
    height: 30px;
    line-height: 30px;
    color: @cf;
    .pa;
    .cm;
    background: rgba(0, 0, 0, .5);
    .tac;
  }
}
pre{
  font-family: 'Microsoft Yahei', 'arial', 'simsun', 'tahoma';
}